/*
* @Author: Administrator
* @Date:   2018-01-16 09:47:26
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-26 09:46:34
*/
const px10 = '0.625rem'
const px12 = '0.75rem'
const px20 = '1.25rem'
const topBottomPadding = '0.625rem 0'

const createStyle = (theme) => {
  const style = {
    comments: {
      width: '100%',
      margin: topBottomPadding,
      marginBottom: '3.5rem',
    },
    header: {
      width: '100%',
      lineHeight: '1.875rem',
      background: theme.palette.primary[500],
      color: '#eee',
      paddingLeft: px12,
      fontWeight: 600,
    },
    item: {
      overflow: 'hidden',
      margin: topBottomPadding,
      padding: px10,
      borderBottom: '1px dashed #ddd',
    },
    avatar: {
      width: '2.1875rem',
      height: '2.1875rem',
      float: 'left',
    },
    avatarImg: {
      width: '100%',
      height: '100%',
      borderRadius: '50%',
      margin: 0,
    },
    author: {
      float: 'left',
      marginLeft: px10,
    },
    nickName: {
      height: px20,
      display: 'block',
      lineHeight: px20,
      fontSize: '0.875rem',
      color: '#333',
      fontWeight: '600',
    },
    createTime: {
      height: px20,
      display: 'block',
      lineHeight: px20,
      fontSize: px12,
      color: '#999',
    },
    floor: {
      color: '#888',
      fontWeight: '400',
      marginRight: px10,
      fontSize: px12,
    },
    commentContent: {
      width: '100%',
      textIndent: '2em',
      color: '#595959',
      margin: topBottomPadding,
      lineHeight: px20,
    },
    up: {
      float: 'right',
      color: '#999',
      lineHeight: px20,
    },
    upIcon: {
      width: px20,
      height: px20,
    },
    upedIcon: {
      width: px20,
      height: px20,
      color: theme.palette.primary[500],
    },
    upCount: {
      display: 'inline-block',
      lineHeight: px20,
      float: 'right',
      marginLeft: px10,
    },
  }
  return style
}
export default createStyle
